import React from 'react';

const Layout: React.FC = () => {
    return (
        <div style={{
            display: 'flex',
            justifyContent: 'center',
            alignItems: 'center',
            height: '100vh',
            backgroundColor: '#f0f0f0',
            fontFamily: 'Arial, sans-serif',
            textAlign: 'center'
        }}>
            <div style={{
                backgroundColor: '#ffffff',
                padding: '40px',
                borderRadius: '10px',
                boxShadow: '0 4px 8px rgba(0, 0, 0, 0.1)'
            }}>
                <h1 style={{
                    fontSize: '48px',
                    color: '#333333',
                    margin: '0'
                }}>404</h1>
                <p style={{
                    fontSize: '18px',
                    color: '#666666',
                    margin: '10px 0 20px'
                }}>页面未找到</p>
                <a href="/" style={{
                    display: 'inline-block',
                    padding: '10px 20px',
                    fontSize: '16px',
                    color: '#ffffff',
                    backgroundColor: '#007bff',
                    borderRadius: '5px',
                    textDecoration: 'none'
                }}>返回首页</a>
            </div>
        </div>
    );
};

export default Layout;